<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>0527直播课练习</title>
</head>
<body>
    <!-- 导航栏 -->
    <ul class="navigationBar">
        <li class="navigationRed"><a href="#">秒杀</a></li>
        <li class="navigationRed"><a href="#">优惠券</a></li>
        <li class="navigationBlack"><a href="#">PLUS会员</a></li>
        <li class="navigationBlack"><a href="#">品牌闪购</a></li>
        <li class="navigationBlack"><a href="#">拍卖</a></li>
        <li class="navigationBlack"><a href="#">京东家电</a></li>
        <li class="navigationBlack"><a href="#">京东超市</a></li>
        <li class="navigationBlack"><a href="#">京东生鲜</a></li>
        <li class="navigationBlack"><a href="#">京东国际</a></li>
        <li class="navigationBlack"><a href="#">京东云</a></li>
    </ul>

    <!-- 轮播图 -->
    <div class="carousel">
        <!-- 图片 -->
        <ul >
            <li><a href="#"></a><img src="./img/banner1.jpg" alt=""></li>
            <li><a href="#"></a><img src="./img/banner2.jpg" alt=""></li>
            <li><a href="#"></a><img src="./img/banner3.jpg" alt=""></li>
            <li><a href="#"></a><img src="./img/banner4.jpg" alt=""></li>
            <li><a href="#"></a><img src="./img/banner5.jpg" alt=""></li>
        </ul>
        <!-- 箭头 -->
        <div class="btn">
            <a href="javascript:void(0);" class="leftBtn">&lt;</a>
            <a href="javascript:void(0);" class="rightBtn">&gt;</a>
        </div>
        <!-- 下面的小圆圈 -->
        <ol>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ol>
    </div>

    <!-- 底部导航列表 -->
    <div class="foot">
        <dl>
            <dt>购物指南</dt>
            <dd>
                <a href="#">购物流程</a>
                <a href="#">会员介绍</a>
                <a href="#">生活旅行</a>
                <a href="#">常见问题</a>
                <a href="#">大家电</a>
                <a href="#">联系客服</a>
            </dd>
        </dl>
        <dl>
            <dt>配送方式</dt>
            <dd>
                <a href="#">上门自提</a>
                <a href="#">211限时达</a>
                <a href="#">配送服务查询</a>
                <a href="#">配送费收取标准</a>
                <a href="#">海外配送</a>
            </dd>
        </dl>
        <dl>
            <dt>支付方式</dt>
            <dd>
                <a href="#">货到付款</a>
                <a href="#">在线支付</a>
                <a href="#">分期付款</a>
                <a href="#">公司转账</a>
            </dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd>
                <a href="#">售后政策</a>
                <a href="#">价格保护</a>
                <a href="#">退款说明</a>
                <a href="#">返修/退换货</a>
                <a href="#">取消订单</a>
            </dd>
        </dl>
        <dl>
            <dt>特色服务</dt>
            <dd>
                <a href="#">夺宝岛</a>
                <a href="#">DIY装机</a>
                <a href="#">延保服务</a>
                <a href="#">京东E卡</a>
                <a href="#">京东通信</a>
                <a href="#">京鱼座智能</a>
            </dd>
        </dl>
        <div>
            <span>京东自覆盖区县</span>
            <p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
            <a href="#">查看详情&gt;</a>
        </div>
    </div> 
</body>
</html>